.px2rem(@name,@px){
    @{name}:@px/75*1rem
}
html,body{
      height: 100%;  
}
body{
        
        background: #eee;
        display: flex;
       flex-direction: column;
}
.headertop{
        display: flex;
        justify-content: space-between;
       .px2rem(height,100);
        width: 100%;
        background: #fafafa;
        border-bottom: 2px solid #b2b2b2;
        .lshz{
            display: flex;   
            align-items: center;
            .px2rem(font-size,33);
            color: #409afd;
               img{
                    .px2rem(height,54)
              }
        }
       .lshc{
             display: flex;   
             align-items: center;
           .px2rem(font-size,47);
       }
       .lshy{
           .px2rem(width,110);
          
       }
}
.lsmin{
        flex: 1;
        .top{
                .px2rem(height,280);
                background: url(../imgs/bg.png) no-repeat;
                background-size:100% 100% ;
                display: flex;
                justify-content: space-around;
                .le{
                        .px2rem(width,190);
                         .px2rem(height,280);
                          background:none;
                }
                .topa{
                          
                            background:none;
                            flex: 1;
                           display: flex;
                            align-items: center;
                            justify-content: space-around;
                            flex-direction: column;
                            .px2rem(height,280);
                .toub{  
                                  align-items: center;
                                .px2rem(height,160);
                                .px2rem(width,160);
                                border: 1px solid #CCCCCC;
                                border-radius: 50%;
                                display: flex;
                                 justify-content: center;
                                align-items: center;
                                background: rgba(255,255,255,0.3);
                             .touxiang{
                                display: flex;
                                background: #edebeb;
                                justify-content: center;
                                align-items: center;
                                .px2rem(height,140);
                                .px2rem(width,140);
                                border-radius: 50%;
                                img{
                                        .px2rem(height,86);
                                        .px2rem(width,84);
                                }
                        }
                }
               .ma{
                        color: #ff7917;
                        .px2rem(font-size,32);
                        .px2rem(height,60);
                        .px2rem(width,200);
                        background: rgba(255,255,255,0.5);
                        .px2rem(line-height,60);
                        text-align: center;
                        border: 1px solid #FFFFFF; 
                        
               }
             }
             .ri{
                         
                         height: 100%;
                          background:none;
                          display: flex;
                          align-items: flex-start;
                           .px2rem(width,190);
                          img{
                                    .px2rem(width,170);
                                    .px2rem(height,67);
                          }
                          
             }
        }
        .mabottom{
             background: #FFFFFF;  
             display: flex;
              .px2rem(height,100);
              .px2rem(margin-bottom,40);
              p{
                  border: none;
              }
              h1{
                     .px2rem(line-height,100);
                      .px2rem(font-size,35);
                      
                      border: none;
                      
                      flex: 1;
              }
             span{
                    display: block;
                    .px2rem(line-height,100);
                    .px2rem(width,100);
                      .px2rem(font-size,55);
                      color: #B2B2B2;
                      border: none;
             }
        }
        div{
                     background: #FFFFFF;  
                     display: flex;
                      .px2rem(height,100);
                      align-items: center;
                      p{
                                 .px2rem(margin-left,30);
                                 .px2rem(height,100);
                                   display: flex;
                                    align-items: center;
                                  border-bottom: 1px solid #B2B2B2;
                                  img{
                                  display: block;
                                  .px2rem(width,40);
                                  .px2rem(height,45);
                                  
                              }
                      }
                      
                      h1{
                             .px2rem(line-height,100);
                              .px2rem(font-size,35);
                              .px2rem(padding-left,25);
                              border-bottom: 1px solid #B2B2B2;
                              flex: 1;
                      }
                     span{
                            display: block;
                            .px2rem(line-height,100);
                            .px2rem(width,100);
                              .px2rem(font-size,55);
                              color: #B2B2B2;
                              border-bottom: 1px solid #B2B2B2;  
                     }
                }
        
    }
























footer{
        display: flex;
        .px2rem(height,120);
        border-top: 2px solid #B2B2B2;
        width: 100%;
        div{
                display: flex;
                flex-direction: column;
                flex: 1;
                align-items: center;
                justify-content: space-around;
                .zic{
                    color: #007aff;
                }
                img{
                        .px2rem(height,58);
                        .px2rem(width,65)
                }
        }
}